html{font-size: 60px;}
#app{font-size: 16px;line-height: 1.5;}
div[class^=media]{display: none;}
.guodu{transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hoverText:hover,.hoverText:hover span,.hoverText:hover a,.hoverText:hover p{color: #0097E0 !important;}
.w1200{width: 1200px;margin: auto;}
.header{
	width: 100%;
	position: fixed;
	top: 0;
	background-color: #fff;
	z-index: 999;
	font-size: 0;
}
.header .logo{
	width: 356px;
	height: 29px;
	display: inline-block;
	vertical-align: middle;
}
.header .nav{
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	width: 844px;
}
.header .nav a{
	font-size: 16px;
	color: #1a1a1a;
	line-height: 100px;
	margin-left: 65px;
}
.header_{display: block;width: 100%;height: 100px;}
.pc_banner{
	font-size: 0;
	text-align: center;
}
.right_menu{
	z-index: 999;
	position: fixed;
	right: 0;
	top: 50%;
	transform:translateY(-50%) translateX(100%) translateZ(1px);
	-ms-transform:translateY(-50%) translateX(100%) translateZ(1px);
	-moz-transform:translateY(-50%) translateX(100%) translateZ(1px);
	-webkit-transform:translateY(-50%) translateX(100%) translateZ(1px);
	-o-transform:translateY(-50%) translateX(100%) translateZ(1px);
	font-size: 0;
	border-radius: 5px;
	margin-right: 70px;
	transition: .3s ease-in-out ;
	-moz-transition: .3s ease-in-out ;
	-webkit-transition: .3s ease-in-out ;
	-o-transition: .3s ease-in-out ;
}
.right_menu a{
	display: block;
	margin-bottom: 4px;
	background-color: rgba(0,151,224,.8);
	border-radius: 5px;
}
.right_menu .text{
	font-size: 16px;
	color: #FFF;
	box-sizing: border-box;
	padding-left: 5px;
	padding-right: 10px;
	line-height: 70px;
	display: inline-block;
	vertical-align: middle;
}
.right_menu .icon{
	width: 70px;
	height: 70px;
	position: relative;
	border-radius: 5px;
	display: inline-block;
	vertical-align: middle;
}
.right_menu .icon img{
	position: absolute;
	left: 0;right: 0;top: 0;bottom: 0;
	margin: auto;
}
.codeImg{
	box-sizing: border-box;
	text-align: center;
	font-size: 0;
	transform:scale(0);
	-ms-transform:scale(0);
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	-o-transform:scale(0);
	transform-origin: right top;
	max-height: 0;
	overflow: hidden;
}
.right_menu:hover .codeImg{
	max-height: 204px;
	transform:scale(1);
	-ms-transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-o-transform:scale(1);
}
.right_menu:hover{
	margin-right: 0;
	transform:translateY(-50%) translateX(0) translateZ(1px);
	-ms-transform:translateY(-50%) translateX(0) translateZ(1px);
	-moz-transform:translateY(-50%) translateX(0) translateZ(1px);
	-webkit-transform:translateY(-50%) translateX(0) translateZ(1px);
	-o-transform:translateY(-50%) translateX(0) translateZ(1px);
}
.right_menu a:hover{background-color: rgba(0,151,224,1);}
.codeImg img{
	margin-bottom: 20px;
	width: 151px;height: 151px;
}
.banner_page{
	z-index: 9;
	position: absolute;
	bottom: 4% !important;
}
.banner_page .swiper-pagination-bullet{
	width: 18px;
	height: 18px;
	background-color: #FFF;
	opacity: .5;
	margin: 0 10px !important;
}
.banner_page .swiper-pagination-bullet-active{
	background-color: #0097E0;
	opacity: 1;
}
/* 格式化富文本 */
.word video,.word iframe,.word embed,.word table{max-width: 100%;}
.word table{width: 100%;}
.word .selectTdClass{background-color:#edf5fa !important}
.word table.noBorderTable td,.word table.noBorderTable th,.word table.noBorderTable caption{border:1px dashed #ddd !important}
.word table{margin-bottom:10px;border-collapse:collapse;display:table;}
.word td, .word th{padding: 5px 10px;border: 1px solid #DDD;}
.word caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
.word th{border-top:1px solid #BBB;background-color:#F7F7F7;}
.word table tr.firstRow th{border-top-width:2px;}
.word .ue-table-interlace-color-single{ background-color: #fcfcfc; }
.word .ue-table-interlace-color-double{ background-color: #f7faff; }
.word td p{margin:0;padding:0;}
.word p{line-height: 1.8;}
/* 格式化富文本 */
.section{
	box-sizing: border-box;
	padding-top: 100px;
	padding-bottom: 90px;
}
.title{
	text-align: center;
}
.title .cn{
	font-weight: bold;
	font-size: 30px;
	line-height: 34px;
	color: #1a1a1a;
	margin-bottom: 12px;
	display: block;
}
.title .en{
	font-size: 14px;
	color: #808080;
	line-height: 14px;
}
.title2{
	text-align: center;
}
.title2 .cn{
	font-weight: bold;
	font-size: 30px;
	line-height: 34px;
	color: #ffffff;
	margin-bottom: 12px;
	display: block;
}
.title2 .en{
	font-size: 14px;
	color: #ffffff;
	line-height: 14px;
	opacity: .5;
}
.mb25{margin-bottom: 25px;}

.bg1{
	background: url(../images/bg1.jpg) no-repeat center center;
	height: 866px;
	overflow: hidden;
}
.col0097e0{color: #0097e0;}
.page2_swiper{
	height: 376px;
	margin-top: 34px;
	position: relative;
}
.img100{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.product_li .img{
	width: 100%;
	height: 245px;
	background-color: #fff;
	border-radius: 6px;
	overflow: hidden;
}
.product_li{
	display: block;
	text-align: center;
}
.product_li p{
	font-size: 16px;
	color: #ffffff;
	margin-top: 20px;
}
.product_li:hover img{
	transform:scale(1.06);
	-ms-transform:scale(1.06);
	-moz-transform:scale(1.06);
	-webkit-transform:scale(1.06);
	-o-transform:scale(1.06);
}
.page2_swiper_btn .btn1{
	float: left;cursor: pointer;opacity: .5;
	position: absolute;
	top: 90px;
	left: 0;
	z-index: 9;
}
.page2_swiper_btn .btn2{
	float: right;cursor: pointer;opacity: .5;
	position: absolute;
	top: 90px;
	right: 0;
	z-index: 9;
}
.page2_swiper_btn img:hover {opacity: 1;}
.page2_swiper_btn .swiper-button-disabled{opacity: .5 !important;cursor: no-drop;}
.service {
    font-size:0
}
.col-3 {
    width: 33.3333%;
    display: inline-block;
    vertical-align: top
}
.service_li{font-size: 0;}
.service_li img{
	width: 80px;
	display: inline-block;
	vertical-align: middle;
}
.service_li .text{
	width: 310px;
	margin-left: 8px;
	display: inline-block;
	vertical-align: middle;
}
.service_li .text h1{
	font-weight: bold;
	font-size: 24px;
	color: #1a1a1a;
	margin-bottom: 4px;
}
.service_li .text p{
	font-size: 16px;
	color: #4c4c4c;
}
.service_li{margin-bottom: 60px;}
.bg2{padding-bottom: 40px;}
.bg3{background-color: #F7F7F7;}
.lh2b{line-height: 2;}
.field_li{
	box-sizing: border-box;
	width: 285px;
	float: left;
	text-align: center;
	margin-left: 20px;
    margin-bottom: 20px;
}
.field_li:nth-child(4n+1){margin-left: 0;}
.field_li .img{
	width: 100%;
	height: 200px;
	overflow: hidden;
	font-size: 0;
}
.mt17{margin-top: 17px;}
.bg4{
	background: url(../images/bg2.jpg) no-repeat center center;
	height: 671px;
	padding-bottom: 0;
}
.form{
	box-sizing: border-box;
	width: 559px;
	display: block;
	margin: auto;
}
.inputstyle1{
	width: 100%;
	box-sizing: border-box;
	height: 40px;
	font-size: 16px;
	padding: 0 20px;
	background-color: rgba(255,255,255,.8);
	border: none;
	border-radius: 6px;
}
.textarea{
	width: 100%;
	box-sizing: border-box;
	height: 114px;
	font-size: 16px;
	padding:10px 20px;
	background-color: rgba(255,255,255,.8);
	border: none;
	border-radius: 6px;
}
.btnstyle1{
	width: 100%;
	border: none;
	cursor: pointer;
	font-size: 16px;
	color: #fefefe;
	font-size: 16px;
	color: #FFF;
	background-color: #0097E0;
	line-height: 40px;
	border-radius: 6px;
}
.footer_phone{margin-top: 40px;}
.footer{
	box-sizing: border-box;
	background-color: #0E3548;
	padding-top: 70px;
	text-align: center;
	min-width: 1200px;
}
.mato{margin: auto;}

.footer_phone .phone_tip{
	font-size: 24px;
	color: #0e3548;
	padding: 6px;
	background-color: #fff;
	border-radius: 6px;
	text-align: justify;
	text-align-last: justify;
}
.footer_phone .phone_text{
	font-size: 30px;
	color: #ffffff;
	margin-left: 2px;
}
.footer_copy{
	box-sizing: border-box;
	line-height: 62px;
	border-top: 1px solid #274A5B;
	margin-top: 55px;
}
.footer_copy span,.footer_copy a{font-size: 14px;color: #cccccc;}
.header.style2{background-color: #F5F5F5;}
.product_header .img .swiper-container {
    width: 500px;
    height: 500px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #E6E6E6;
    float: left;
}
.product_header .img .swiper-slide {
    display:flex;
    align-items:center;
    justify-content:center
}
.product_header {
    padding-top: 60px;
    padding-bottom: 60px;
}
.product_header::after{content: '';display: block;clear: both;}
.product_header .text{
	width: 648px;
	box-sizing: border-box;
	padding-right: 18px;
	float: right;
}
.col1a{color: #1a1a1a;}
.col4c{color: #4C4C4C;}
.btnstyle2{
	line-height: 50px;
	font-size: 24px;
	width: 173px;
	text-align: center;
	border-radius: 66px;
	color: #FFF;
	background-color: #0097E0;
	display: block;
}
.btnstyle2:hover{
	opacity: .8;
}
.page_swiper{margin: 0;margin-bottom: 50px;}
.page_swiper{width: 468px;height: 110px;}

.page_swiper .swiper-slide{
	cursor: pointer;
	border: 1px solid #E6E6E6;
	box-sizing: border-box;
    display:flex;
    align-items:center;
    justify-content:center;
}
.page_swiper .swiper-slide.active{
	border: 1px solid #0097E0;
}
.title3{
	line-height: 70px;
	border-bottom: 1px solid #E6E6E6;
}
.pb60{padding-bottom: 60px;}

@media all and (max-width: 768px) {
	div[class^=media]{display: block !important;}
	div[class^=pc]{display: none !important;}
	.media_banner{width: 100%;text-align: center;font-size: 0;}
	.banner_page .swiper-pagination-bullet{
		width: 8px;
		height: 8px;
		margin: 0 3px !important;
	}
	.header .logo img,.header .logo{
		height: 0.3rem;
	}
	.header_{height: 1rem;}
	.header{height: 1rem;display: flex;align-items: center;justify-content: center;box-sizing: border-box;padding: 0 0.25rem;}
	.w1200{
		width: 100%;
	}
	.section{
		padding-top: 0.86rem;
		padding-bottom: 0.74rem;
	}
	.title .cn,.title2 .cn{font-size: 0.36rem;line-height: 0.38rem;margin-bottom: 0.16rem;}
	.title .en,.title2 .en{font-size: 0.20rem;line-height: 0.2rem;}
	.section .word{
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}
	.title.mb25{margin-bottom: 0.25rem;}
	.f24{font-size: 0.28rem;text-align: center;padding: 0 0.25rem;}
	.page2_swiper {
		box-sizing: border-box;
		padding-left: 0.25rem;
	}
	.product_li .img{height: 2.45rem;}
	.page2_swiper{height: 210px;}
	.bg1{min-height: 666px;height: auto;}
	.product_li p{font-size: 0.24rem;margin-top: 0.3rem;}
	.page2_swiper_btn {display: none;}
	.col-3{width: 50%;text-align: center;}
	.service_li img{
		display: block;
		width: 0.8rem;
		height: 0.8rem;
		margin: auto;
	}
	.service_li .text{
		margin-left: 0;
		display: block;
		width: 100%;
		margin-top: 0.2rem;
	}
	.service_li .text h1{
		font-size: 0.3rem;
		color: #1a1a1a;
	}
	.service_li .text p{
		font-size: 0.24rem;
	}
	.service_li{margin-bottom: 0.6rem;box-sizing: border-box;padding: 0 0.25rem;}
	.service{margin-top: 0.3rem;box-sizing: border-box;padding: 0 0.25rem;}
	.field_li{
		width: 3.4rem;
		margin-left: 0;
		flex:none;
		position: relative;
		margin-bottom: 0.2rem;
	}
	.field_li .img{height: 2.38rem;}
	.field{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 0 0.25rem;
		box-sizing: border-box;
	}
	.field.clearfix:after{width: 50%;}
	.field_li  p{
		font-size: 0.24rem;
		color: #ffffff;
		position: absolute;
		z-index: 9;
		bottom: 0;
		left: 0;
		width: 100%;
		padding-bottom: 0.24rem;
	}
	.bg4{height: 10.8rem;}
	.form{
		box-sizing: border-box;
		padding: 0 0.25rem;
		width: 100%;
	}
	.footer{
		padding-top: 0.76rem;
		min-width: 100%;
	}
	.footer .mato{
		width: 1.28rem;
		height: 1.28rem;
	}
	.footer .f16{font-size: 0.24rem;}
	.footer_phone .phone_tip{font-size: 0.3rem;}
	.footer_phone .phone_text{font-size: 0.48rem;display: inline-block;vertical-align: middle;}
	.footer_copy{
		margin-top: 0.3rem;
		line-height: 0.4rem;
		font-size: 0.24rem;
		padding: 0.24rem 0.6rem;
		box-sizing: border-box;
	}
	.footer_copy a{display: inline-block;}
	.footer_phone{margin-top: 0.4rem;}
	.right_menu .icon{
		width: 0.8rem;
		height: 0.8rem;
	}
	.right_menu .icon img{width: 50%;}
	.right_menu .text{line-height: 0.8rem;}
	.right_menu{
		margin-right: 0.8rem;
	}
	.bg1 .tc{text-align: left;}
	.bg1 .fz18 p,.bg3 .word p{font-size: 0.26rem;text-align: left;}
	#page1 .word p{font-size: 0.26rem;text-align: left;}
	.product_header{
		padding-top: 0.4rem;
		box-sizing: border-box;
		padding-left: 0.25rem;
		padding-right: 0.25rem;
		padding-bottom: 0.45rem;
	}
        .product_header .img .swiper-container {
            width: 3rem;
            height: 3rem;
        }
	.product_header .text{
		width: 3.7rem;
	}
	.page_swiper{display: none;}
	.f36{font-size: 0.36rem;padding-bottom: 0.3rem;}
	.product_header .text .f18{
		font-size: 0.24rem;
		margin-bottom: 0;
		line-height: 0.4rem;
	}
	.btnstyle2{
		margin-top: 0.3rem;
		font-size: 0.3rem;
		width: 2.1rem;
		line-height: 0.6rem;
	}
	.mediapl{
		box-sizing: border-box;
		padding: 0 0.25rem 0.6rem;
	}
	.title3{
		line-height: 1rem;
		font-size: 0.3rem;
		font-weight: bold;
	}
	.ptb40{padding: 0.4rem 0;}
	.pages {font-size: 0.24rem;}
}